<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
<meta name="format-detection" content="telephone=no" /> 
<link rel="shortcut icon" href="images/logo.ico" />
<title>闪度生活</title>
<meta name="keywords" content=" " />
<meta name="description" content=" " />


<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/swiper-3.4.1.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/easing.js"></script>
<script src="js/swiper-3.4.1.min.js"></script>
<script src="js/index.js?v=1"></script>
<script src="js/main.js"></script>

<script src="./js/vue.js"></script>
<script src="./js/axios.min.js"></script>
<script src="./js/axios-config.js"></script>
<script src="./js/js.cookie.js"></script>
<script src="./js/utils.js"></script>
<script src="js/footer.js"></script>

</head>

<body>
<div id="app" v-cloak>
<!--  / header  -->
<div class="header_longevity">
     <!-- <div class="header_map_longevity">   
        <img src="images/jiantou.png" alt="">
        <span>返回</span>
     </div> -->
     <div class="logo_longevity">我的订单</div>
     <div class="header_shop_longevity">
        <a href="cart.html"><span>购物车</span></a>
     </div>   
</div>
<!--  / header  -->


<div class="orderList">
    <div class="orderList1 clearfix">
        <div class="orderList1-title order1 clearfix" @click="goPaymentOrder(1)">
          <span class="orderList1-title-left">预约服务订单</span>
          <div class="orderList1-title-right">
              <span>更多服务订单</span>
              <img src="images/right.png" alt="">
              
          </div>
        </div>
        <div class="orderList1-content">

          <div class="orderList1-detail" @click="goPaymentOrder(3)">
             <img src="images/orderList-1.png" alt="">
             <br>
             <span>待接单</span>
             <div v-if="Service_order_num.dqr != 0 " class="index_sec1_list_tishi" style="top: 0;">{{Service_order_num.dqr}}</div>
          </div>

          <div class="orderList1-detail" @click="goPaymentOrder(4)">
             <img src="images/orderList-2.png" alt="">
             <br>
             <span>进行中</span>
             <div v-if="Service_order_num.jxz != 0 " class="index_sec1_list_tishi" style="top: 0;">{{Service_order_num.jxz}}</div>
          </div>


          <div class="orderList1-detail" @click="goPaymentOrder(5)">
             <img src="images/orderList-3.png" alt="">
             <br>
             <span>待评价</span>
             <div v-if="Service_order_num.dpj != 0 " class="index_sec1_list_tishi" style="top: 0;">{{Service_order_num.dpj}}</div>
          </div>


          <div class="orderList1-detail" @click="goPaymentOrder(6)">
             <img src="images/orderList-4.png" alt="">
             <br>
             <span>已完成</span>
             <!-- <div v-if="Service_order_num.ywc != 0 " class="index_sec1_list_tishi" style="top: 0;"><span style="color: #FFFFFF;">{{Service_order_num.ywc}}</span></div> -->
          </div>


          <div class="orderList1-detail" @click="goPaymentOrder(7)">
             <img src="images/orderList-5.png" alt="">
             <br>
             <span>退款/售后</span>
             <div v-if="Service_order_num.tksh != 0 " class="index_sec1_list_tishi" style="top: 0;">{{Service_order_num.tksh}}</div>
          </div>

        </div>
    </div>
    <div class="orderList2"></div>
    <div class="orderList1 clearfix">
                <div class="orderList1-title order2 clearfix" @click="goCollageOrder(1)">
                  <span class="orderList1-title-left">购买商品订单</span>
                  <div class="orderList1-title-right">
                      <span>更多团购订单</span>
                      <img src="images/right.png" alt="">
                  </div>
                </div>                
                <div class="orderList1-content">
                  <a href="javascript:void(0);" @click="goCollageOrder(2)">
                    <div class="orderList1-detail">
                       <img src="images/orderList-2.png" alt="">
                       <br>
                       <span>待付款</span>
                       <div v-if="tugou_order_num.dfk != 0 " class="index_sec1_list_tishi" style="top: 0;">{{tugou_order_num.dfk}}</div>
                    </div>
                  </a>
                  <a href="javascript:void(0);" @click="goCollageOrder(10)">
                  <div class="orderList1-detail">
                     <img src="images/orderList-1.png" alt="">
                     <br>
                     <span>待拼团</span>
                     <div v-if="tugou_order_num.dpt != 0 " class="index_sec1_list_tishi" style="top: 0;">{{tugou_order_num.dpt}}</div>
                  </div>
                  </a>
                  <a href="javascript:void(0);" @click="goCollageOrder(3)">
                  <div class="orderList1-detail">
                     <img src="images/orderList-2.png" alt="">
                     <br>
                     <span>待发货</span>
                     <div v-if="tugou_order_num.dfh != 0 " class="index_sec1_list_tishi" style="top: 0;">{{tugou_order_num.dfh}}</div>
                  </div>
                  </a>
                  <a href="javascript:void(0);" @click="goCollageOrder(4)">
                  <div class="orderList1-detail">
                     <img src="images/orderList-3.png" alt="">
                     <br>
                     <span>待收货</span>
                     <div v-if="tugou_order_num.dsh != 0 " class="index_sec1_list_tishi" style="top: 0;">{{tugou_order_num.dsh}}</div>
                  </div>
                  </a>
                  <a href="javascript:void(0);" @click="goCollageOrder(6)">
                  <div class="orderList1-detail">
                     <img src="images/orderList-4.png" alt="">
                     <br>
                     <span>已完成</span>
                     <!--<div v-if="tugou_order_num.dfk != 0 " class="index_sec1_list_tishi" style="top: 0;"><span style="color: #FFFFFF;">{{Vitality_order_num.dfk}}</span></div>-->
                  </div>
                  </a>
                  <a href="javascript:void(0);" @click="goCollageOrder(9)">
                  <div class="orderList1-detail">
                     <img src="images/orderList-5.png" alt="">
                     <br>
                     <span>退款/售后</span>
                     <div v-if="tugou_order_num.tksh != 0 " class="index_sec1_list_tishi" style="top: 0;">{{tugou_order_num.tksh}}</div>
                  </div>
                  </a>
                </div>
    </div>
    <div class="orderList2"></div>
    <div class="orderList1 clearfix">
                <div class="orderList1-title  order3 clearfix" @click="goVitalityOrder(0)">
                  <span class="orderList1-title-left">活力健身订单</span>
                  <div class="orderList1-title-right">
                      <span>更多活力订单</span>
                      <img src="images/right.png" alt="">
                  </div>
                </div>
                <div class="orderList1-content">
                  <a href="javascript:void(0);" @click="goVitalityOrder(1)">	
                    <div class="orderList1-detail" style="position: relative;">
                       <img src="images/orderList-1.png" alt="">
                       <br>
                       <span>待付款</span>
                       <div v-if="Vitality_order_num.dfk != 0 " class="index_sec1_list_tishi" style="top: 0;">{{Vitality_order_num.dfk}}</div>
                    </div>
                  </a>
                  <a href="javascript:void(0);" @click="goVitalityOrder(2)">
                    <div class="orderList1-detail">
                       <img src="images/orderList-3.png" alt="">
                       <br>
                       <span>已付款</span>
                       <div v-if="Vitality_order_num.dqr != 0 " class="index_sec1_list_tishi" style="top: 0;">{{Vitality_order_num.dqr}}</div>
                    </div>
                  </a>
                  <a href="javascript:void(0);" @click="goVitalityOrder(3)">
                    <div class="orderList1-detail">
                       <img src="images/orderList-5.png" alt="">
                       <br>
                       <span>退款/售后</span>
                       <div v-if="Vitality_order_num.tksh != 0 " class="index_sec1_list_tishi" style="top: 0;">{{Vitality_order_num.tksh}}</div>
                    </div>
                  </a>
                </div>
    </div>
</div>

<!--  / footer  -->
<!-- <div class="footer">
  <ul class="clearfix">
    <a href="index.html">
    <li>
        <div class="footer_img footer_img1">
            <img src="images/ic_home_home_gray.png">
            <img src="images/ic_home_home_yellow.png">
        </div>
        <span>主页</span>
    </li>
    </a>
    <a href="stroy1.html">
    <li>
        <div class="footer_img footer_img1">
            <img src="images/ic_home_yishu_gray.png">
            <img src="images/ic_home_yishu_yellow.png">
        </div>
        <span>老故事</span>
    </li>
  </a>
  <a href="bigStage.html">
    <li class="ind_share_btn">
        <div class="footer_img footer_img2">
            <img src="images/ic_dibutiao_shandu_gray.png">
            <img src="images/ic_dibutiao_shandu_yellow.png">
        </div>
  </li>
  </a>
  
  <a href="JavaScript:void(0);" id='getOrder'>
    <li id="goOrder"  class="on">
        <div class="footer_img footer_img1">
            <img src="images/ic_home_dingdan_gray.png">
            <img src="images/ic_home_dingdan_yellow.png">
        </div>
        <span>订单</span>
  </li>
    </a>
    
    <a href="JavaScript:void(0);" id='getUser'>
    <li id="goUser">
      <div class="footer_img footer_img1">
            <img src="images/ic_home_geren_gray.png"> 
            <img src="images/ic_home_geren_yellow.png"> 
      </div>  
        <span>我的</span>
    </li>
    </a>
  </ul>
</div> -->
<footer1></footer1>
<!--  / footer  -->
</div>

</body>
<script>
var url = location.href;
isToken(url);
$(window).ready(function(){
	
	
	var vm = new Vue({
		el:"#app",
		data() {
	    return {
	        userId: (() => {
	                
	            })(),
	        Vitality_order_num:'',
	        Service_order_num:'',
	        tugou_order_num:''
	    }
		},
    created: function () {
		  var $this = this;
    	$this.getVitality_order_num();
    	$this.getService_order_num();
    	$this.gettugou_order_num();
    },
    mounted:function(){
      // goOther();   	
    },
    methods:{
    	
    	//活力健身订单数量统计
    	getVitality_order_num:function(){
    		var $this = this;
    		
    		const data = {

    		}
    		
    		Axios.post(window.Url.Vitality_order_num, data).then((res) => {
    			
          tt(res.result,'http://shandu.unohacha.com/wx_shandu/orderList.html');
    			if(res.result == 1){
    				$this.Vitality_order_num = res.info;    				
    			}
    			
        }).catch((err) => {
          console.log('活力健身订单数量统计'+err)
        })
        
    	},
    	//预约订单数量统计
    	getService_order_num:function(){
    		var $this = this;
    		
    		const data = {

    		}
    		
    		Axios.post(window.Url.Service_order_num, data).then((res) => {

          tt(res.result,'http://shandu.unohacha.com/wx_shandu/orderList.html');    			
    			if(res.result == 1){
    				$this.Service_order_num = res.info;  				
    			}
    			
        }).catch((err) => {
          console.log('预约订单数量统计'+err)
        })
        
    	},
    	//团购订单数量统计
    	gettugou_order_num:function(){
    		var $this = this;
    		
    		const data = {

    		}
    		
    		Axios.post(window.Url.tugou_order_num, data).then((res) => {
          // console.log(res);
    			tt(res.result,'http://shandu.unohacha.com/wx_shandu/orderList.html');
    			if(res.result == 1 || res.result == '1'){
    				$this.tugou_order_num = res.info;
    			}    			
        }).catch((err) => {
          console.log('团购订单数量统计'+err)
        })
        
    	},

      //跳转到全部团购订单列表页面
      goCollageOrder:function(tuan_type){
        var $this = this;
        setCookie("tuanType",tuan_type);
        window.location.href = "collage-orders.html";                
      },

      //跳转到全部预约订单列表页面
      goPaymentOrder:function(yuyue_type){
        var $this = this;
        setCookie("yuyueType",yuyue_type);
        window.location.href = "payment-orders.html";                
      },

      //跳转到全部活力订单列表页面
      goVitalityOrder:function(vitality_type){
        var $this = this;
        setCookie("vitalityType",vitality_type);
        window.location.href = "energetic-orders.html";                
      },
	  }
  })


$('.header_map_longevity').click(function(){
    history.go(-1);
});

$('.collage1').click(function(){
    window.location.href = "shopDetail.html";
});
// $('.ind_share_btn').click(function(){
// 	  window.location.href = "bigStage.html";
// });
// $('#goOrder').click(function(){
// 	  window.location.href = "orderList.html";
// });
// $('.order1').click(function(){
// 	  window.location.href = "payment-orders.html";
// });
// $('.order2').click(function(){
//     window.location.href = "collage-orders.html";
// });
// $('.order3').click(function(){
// 	  window.location.href = "energetic-orders.html";
// });

  
})  
</script>
</html>
